<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/reponsive.css" />
    <link rel="shortcut icon" href="images/logo.ico" type="image/x-icon" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1066474_3vipo72y49f.css" />
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=GknVA58SOZMgbMZRV8uk3Gn43gtkIlUk&s=1"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <title>木兮地板</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>

<body>
   <!-- 导航部分开始 -->
	<div class="mx_navigation" id="mx_navigation">
		<div class="mx_center mx_width">
			<div class="navbar navbar-default">
			  <div class="container-fluid">
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navItem" aria-expanded="false">
			        <span class="sr-only">toggle</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#"></a>
			    </div>
			    <div class="collapse navbar-collapse" id="navItem">
			      <ul class="nav navbar-nav navbar-right">
			        <li class="select"><a href="javascript:void(0)">首页</a></li>
			        <li><a href="javascript:void(0)">关于公司</a></li>
			        <li><a href="javascript:void(0)">产品展示</a></li>
			        <li><a href="javascript:void(0)">招商加盟</a></li>
			        <li><a href="javascript:void(0)">联系我们</a></li>
			      </ul>
			    </div>
			  </div>
			</div>
		</div>
	</div>
	<!-- 导航部分结束 -->
    <!-- 中间部分 -->
    <div class="change">
        <div class="contain">
            <div id="carousel-id" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-id" data-slide-to="0" class=""></li>
                    <li data-target="#carousel-id" data-slide-to="1" class=""></li>
                    <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item">
                        <img src="images/banner1.jpg" alt="" />
                    </div>
                    <div class="item">
                        <img src="images/banner2.jpg" alt="" />
                    </div>
                    <div class="item active">
                        <img src="images/banner3.jpg" alt="" />
                    </div>
                </div>
                <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span
          ></a>
                <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span
          ></a>
            </div>
            <div class="contain-center">
                <h3>企业精神</h3>
                <div class="row">
                    <div class="col-md-3">
                        <img src="images/pinpai.png" alt="" />
                        <h3>品质</h3>
                        <p>品质是品牌的发展基石</p>
                        <p>坚持好品质，必定铸就优质品牌</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/keji.png" alt="" />
                        <h3>科技</h3>
                        <p>科技是品牌的助推力</p>
                        <p>只有不断科技创新，才不会被淘汰</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/chengxin.png" alt="" />
                        <h3>诚信</h3>
                        <p>诚信是品牌的防护盾</p>
                        <p>诚信企业，放心品牌才能走的更长久</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/gongying.png" alt="" />
                        <h3>共赢</h3>
                        <p>共赢是品牌的生命力</p>
                        <p>与客户共赢，与员工共赢与企业共赢</p>
                    </div>
                </div>
            </div>
            <div class="contain-bottom">
                <span>产品展示</span>
                <hr />
                <div class="row">
                    <div class="col-md-4 col-sm-6">
                        <img src="images/item01.jpg" alt="" />
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <img src="images/item02.jpg" alt="" />
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <img src="images/item03.jpg" alt="" />
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <img src="images/item04.jpg" alt="" />
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <img src="images/item05.jpg" alt="" />
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <img src="images/item06.jpg" alt="" />
                    </div>
                </div>
            </div>
        </div>
        <div class="about-company">
            <div class="about-company-top"><img src="images/aboutus_banner.jpg" alt=""></div>
            <div class="about-company-center"><span>关于木兮</span><hr />
            </div>
            <div class="about-company-bottom">               
                <div class="row">
                    <!--百度地图容器-->
                    <div class="col-md-6"><div id="map"></div></div>
                    <div class="col-md-6">
                        <p><span>木兮地板</span>由著名的湖北百诺木业有限公司监制出品。木兮地板秉承了百诺木业一贯的品质，将严谨的作风，不苟的态度，时尚的气息有机地融合到地板中，将木兮地板的无尽心血，无穷才智淋漓尽致的展现在世人面前。</p>
                        <p>湖北百诺木业有限公司以一流的设备，一流的材料，一流的技术造一流的地板，公司先后通过ISO9001质量管理认证和ISO14000环境管理体系认证，并获得“中国知名品牌”称号。强大的研发队伍，精良的生产工艺，严格的质检把关确保了木兮系列产品的优秀品质，是您居家，办公，开店的首选地板。</p>
                        <p>木兮地板耐磨等级符合AC3标准，甲醛释放量低于国家E1标准，更健康环保，阻燃等级达到B1标准。湖北百诺木业有限公司对市场的坚定信念和雄厚的实力以及积极响应政府和环保政策都让自己在市场上占有重要的位置，并成为地板行业的领跑者</p>
                        <p><span>“一面艺术,一面科技”,</span>湖北百诺木业有限公司将用最真诚的行动来打动每位客户。</p>
                    </div>
                </div>
            </div>
        </div>

        

    </div>
    <!-- 中间结束 -->
    <!-- 底部开始 -->
    <div class="footer" id="footer">
        <div class="row mx_width mx_center">
            <div class="col-md-3 col-sm-4">
                <div class="footer_logo">
                    <a href="index.html"><img src="images/logo3.png" /></a>
                </div>
            </div>
            <div class="col-md-6 col-sm-8">
                <div class="row changepage" id="changepage">
                    <div class="col-md-3 col-sm-3">
                        <a href="#">关于公司</a>
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <a href="#">产品展示</a>
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <a href="#">招商加盟</a>
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <a href="#">联系我们</a>
                    </div>
                </div>
                <p class="copyright">
                    版权所有&copy木兮实业有限公司 鄂ICP备18011650号
                </p>
            </div>
            <div class="col-md-3 col-sm-12">
                <div class="row contact">
                    <p class="col-md-12 col-sm-4">
                        <span class="iconfont icon-weibiaoti-"></span>027-83622296
                    </p>
                    <p class="col-md-12 col-sm-4">
                        <span class="iconfont icon-shouji"></span>13387576980
                    </p>
                    <p class="col-md-12 col-sm-4">
                        <span class="iconfont icon-icon-p_xinfeng"></span>yt15yi@163.com
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部结束 -->

    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap() {
            createMap(); //创建地图
            setMapEvent(); //设置地图事件
            addMapControl(); //向地图添加控件
            addMapOverlay(); //向地图添加覆盖物
        }

        function createMap() {
            map = new BMap.Map("map");
            map.centerAndZoom(new BMap.Point(114.206, 30.617), 15);
        }

        function setMapEvent() {
            map.enableScrollWheelZoom();
            map.enableKeyboard();
            map.enableDragging();
            map.enableDoubleClickZoom();
        }

        function addClickHandler(target, window) {
            target.addEventListener("click", function() {
                target.openInfoWindow(window);
            });
        }

        function addMapOverlay() {
            var markers = [{
                content: "",
                title: "木兮地板湖北营销中心",
                imageOffset: {
                    width: -46,
                    height: -21
                },
                position: {
                    lat: 30.605431,
                    lng: 114.227969
                }
            }];
            for (var index = 0; index < markers.length; index++) {
                var point = new BMap.Point(
                    markers[index].position.lng,
                    markers[index].position.lat
                );
                var marker = new BMap.Marker(point, {
                    icon: new BMap.Icon(
                        "http://api.map.baidu.com/lbsapi/createmap/images/icon.png",
                        new BMap.Size(20, 25), {
                            imageOffset: new BMap.Size(
                                markers[index].imageOffset.width,
                                markers[index].imageOffset.height
                            )
                        }
                    )
                });
                var label = new BMap.Label(markers[index].title, {
                    offset: new BMap.Size(25, 5)
                });
                var opts = {
                    width: 200,
                    title: markers[index].title,
                    enableMessage: false
                };
                var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
                marker.setLabel(label);
                addClickHandler(marker, infoWindow);
                map.addOverlay(marker);
            }
        }
        //向地图添加控件
        function addMapControl() {
            var navControl = new BMap.NavigationControl({
                anchor: BMAP_ANCHOR_TOP_LEFT,
                type: 0
            });
            map.addControl(navControl);
        }
        var map;
        initMap();
    </script>
    <script>
        // 导航切换
        $("#navItem>.navbar-right li").click(function(){
            $(this).addClass("select").siblings().removeClass("select");
            $(".change>div").eq($(this).index()).show().siblings().hide();
        });
        // 产品展示导航
        $(".product-show-bottom-list>ul li").click(function(){
            $(this).addClass("default").siblings().removeClass("default");
            $(".product-show-bottom>.images>div").eq($(this).index()).show().siblings().hide();
        });
    </script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>

</html>